<template>
  <div class='not-single'>
    <ArticleGridCard
      :category-name='"壹些文字"'
      :description='des'
      :category-list='categoryList'/>
  </div>
</template>

<script lang='ts'>
import { defineComponent, onMounted, reactive, toRefs } from 'vue'
import ArticleGridCard from '@/components/CategoryPage/index.vue'
import api from '@/api/api'
export default defineComponent({
  name: 'word',
  components:{ArticleGridCard},
  setup(){
    const reactiveData = reactive({
      des: "所谓旁观者清，也有站着说话不腰疼的意思。",
      categoryList: [] as any
    })
    onMounted(()=>{
      getAllCategories()
    })
    const getAllCategories = () => {
      api.getAllCategories().then(({ data }) => {
        reactiveData.categoryList=data.data
      })
    }
    return{
      ...toRefs(reactiveData)
    }
  }
})
</script>

<style scoped>

</style>
